<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <h:body>
        <ui:param name="path" value="."/>
        <ui:composition template="#{path}/templates/template_gallery.xhtml">
            <ui:define name="resources">


            </ui:define>

            <ui:define name="content">    

                <div id="_title">
                    TRANING
                </div>
                <style>
                    .content_item{
                        padding:0 !important;
                        min-height: 150px;
                        background-color: #F2EFE9;
                        border:1px solid #C7E5F4;
                    }

                    ._left_of_content_item{
                        height: 150px;
                        /*                        position: absolute;*/
                        /*                        top: 1px;*/
                        /*                        visibility: visible;*/
                        width: 200px;
                        overflow: hidden;
                        float: left;
                    }

                    ._right_of_content_item{
                        height: 150px;
                        width: 550px;
                        overflow: hidden;
                        float: right;
                        padding-left: 20px;
                        padding-right: 20px;
                        position: relative;
                    }
                    ._right_of_content_item ._title_of_item{
                        color: #820015;
                        padding-top: 10px;
                        font-size: 18px;
                    }
                    ._right_of_content_item ._content_of_item{
                        line-height: 1.6;
                        padding-top: 10px;
                        text-align: justify;                        
                    }

                    ._right_of_content_item ._link_to_detail{
                        text-align: right;
                        color: #820015;
                        position:absolute;
                        right: 10px;
                        bottom: 6px;
                        cursor: pointer;

                    }
                    
                    ._right_of_content_item ._link_to_detail:hover{
                        text-shadow: 1px 1px 2px brown; 

                    }
                    
                </style> 

                <div class="content_item">

                    <div class="_left_of_content_item">
                        <img  src="http://static.wix.com/media/84770f_1459a5b61b86349d0b30e53b2ed15e3d.jpg_srz_384_198_85_22_0.50_1.20_0.00_jpg_srz"></img>
                    </div>

                    <div class="_right_of_content_item">
                        <div class="_title_of_item" >
                            Career Package
                        </div>
                        <div class="_content_of_item" >
                            Enter Into our Dj Booking List and Benefits From our Networks to Maximize Yours Shows.
                            Taking this package means that you are ready to give 200% of your time to your new career as 
                            a Dj and to let DMA manage your career for you! DMA will be your agent and official booker!
                        </div>
                        <div class="_link_to_detail" onclick="window.location.href='./training/career_package.xhtml'">                            
                           &raquo; detail                     
                        </div>
                    </div>
                </div>
                <p:spacer height="20px"/>
                <div class="content_item" >

                    <div class="_left_of_content_item">
                        <img  src="http://static.wix.com/media/84770f_1459a5b61b86349d0b30e53b2ed15e3d.jpg_srz_384_198_85_22_0.50_1.20_0.00_jpg_srz"></img>
                    </div>

                    <div class="_right_of_content_item">
                        <div class="_title_of_item" >
                            Junior Package
                        </div>
                        <div class="_content_of_item" >
                            Enter Into our Dj Booking List and Benefits From our Networks to Maximize Yours Shows.
                            Taking this package means that you are ready to give 200% of your time to your new career as 
                            a Dj and to let DMA manage your career for you! DMA will be your agent and official booker!
                        </div>
                        <div class="_link_to_detail" onclick="window.location.href='./training/junior_package.xhtml'">                            
                            &raquo; detail                          
                        </div>
                    </div>
                </div>

                <p:spacer height="20px"/>
                <div class="content_item" >

                    <div class="_left_of_content_item">
                        <img  src="http://static.wix.com/media/84770f_1459a5b61b86349d0b30e53b2ed15e3d.jpg_srz_384_198_85_22_0.50_1.20_0.00_jpg_srz"></img>
                    </div>

                    <div class="_right_of_content_item">
                        <div class="_title_of_item" >
                            Premier Package
                        </div>
                        <div class="_content_of_item" >
                            Enter Into our Dj Booking List and Benefits From our Networks to Maximize Yours Shows.
                            Taking this package means that you are ready to give 200% of your time to your new career as 
                            a Dj and to let DMA manage your career for you! DMA will be your agent and official booker!
                        </div>
                        <div class="_link_to_detail" onclick="window.location.href='./training/premier_package.xhtml'">                            
                            &raquo; detail                          
                        </div>
                    </div>
                </div>

                <br/>

            </ui:define>
        </ui:composition>
    </h:body>
</html>

